<template>
	<view class="note-content">
		<view class="title">{{noticeTitle}}</view>
		<view class="content" v-html="noticeContent">{{noticeContent}}</view>
	</view>
</template>

<script>
	export default {
		
	  data() {
	    return {
			noticeTitle: null,
			noticeContent: null,
	    }
	  },
	  onLoad:function(option){
		// console.log(option)
		this.noticeTitle = option.title
		this.noticeContent = option.content
		// console.log(this.collegeName)
	  },
	  methods: {
		  clickBannerItem(item) {
		    // console.info(item)
		  },
		  changeSwiper(e) {
		    this.current = e.detail.current
		  },
	  }
	}
</script>

<style>
	page {
	  display: flex;
	  flex-direction: column;
	  box-sizing: border-box;
	  background-color: #fff;
	  min-height: 100%;
	  height: auto;
	}
	
	view {
	  font-size: 14px;
	  line-height: inherit;
	}
	
	.title{
		font-size: 20px;
		text-align: center;
		padding: 5px;
	}
	
	.content{
		padding: 10px;
	}
</style>